<template>
    <div class="luck">
        <div class="info">{{luck.title}}期 恭喜中奖者
            <img :src="luck.img" class="img" v-if="luck.img">
           <span class="name"> {{luck.nickname}}</span>获得本次奖品，奖品已发送快递[{{luck.kd}}]单号[{{luck.kdno}}]，请注意查收。</div>
    </div>
</template>
<script>
export default {
  props: {
    luck: {
      default: {
        title: "20181101",
        nickname: "goingta",
        kd: "顺风",
        kdno: 3212521251,
        img:
          "https://wx.qlogo.cn/mmopen/vi_32/PiajxSqBRaEJS8laB5jHbTHInwPx6DEXTXnV24XibBmZ1Ztic1rUIUGcbdW7wiciaqk20eF0uZq46Ljgr984wSqXmqQ/132"
      }
    }
  }
};
</script>
<style lang="scss" scoped>
.luck {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  border-bottom: 1px;

  word-break: break-all;
  .info {
    margin: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 8px;
    border: solid 1px;
    border-color: transparent transparent #ad7e00 transparent;
    color: #ad7e00;
    .img {
      width: 32rpx;
      height: 32rpx;
      vertical-align: middle;
    }
    .name {
      color: red;
    }
  }
}
</style>
